<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="s"  uri="/struts-tags"%>

<title>贷款明细汇总表</title><span id="navlink">报表统计 >> 贷款明细汇总表</span>
<script src="<%=request.getContextPath()%>/ext/TableFilter/tablefilter_all_min.js" language="javascript" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/ext/TableFilter/sortabletable.js" language="javascript" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/ext/TableFilter/tfAdapter.sortabletable.js" language="javascript" type="text/javascript"></script>
<link rel="stylesheet" href="<%=request.getContextPath()%>/ext/TableFilter/filtergrid.css">

<style type="text/css" media="screen">
	.myLoader{ 
		position:absolute; padding: 5px 5px 5px 5px;
		margin:100px 0 0 15px; width:auto; 
		z-index:1000; font-size:12px; font-weight:bold;
		border:1px solid #666; background:#ffffcc; 
		vertical-align:middle;
	}
</style>

<form action="reportDetail" method="get">
	<s:submit method="reportExport" value="导出报表"/>
</form>

<s:div id="right_area">
	单位：元
</s:div>
<table style="width:1500px" id="tableDetail">
<thead>
 <tr>
  	<th align="center" style="width:100px">借款人名称</th>
    <th align="center" style="width:50px">借款日期</th>
    <th align="center" style="width:50px">到期日期</th>
    <th align="center" style="width:70px">借款金额</th>
    <th align="center" style="width:70px">余额</th>
    <th align="center" style="width:50px">期限</th>
    <th align="center" style="width:50px">利率</th>
    <th align="center" style="width:50px">还款日</th>
    <th align="center" style="width:100px">用途</th>
    <th align="center" style="width:150px">担保方式</th>
  	<th align="center" style="width:50px">涉农</th>
    <th align="center" style="width:70px">涉农累计额</th>
    <th align="center" style="width:70px">涉农金额</th>
    <th align="center" style="width:50px">客户类型</th>
    <th align="center" style="width:70px">累计额</th>
    <th align="center" style="width:70px">余额</th>
  </tr>
  </thead>
   <tbody>
  <s:iterator value="reportDetailList" status="index" var="var">
  <tr>
  	<td><a id="${loanid}" href="javascript:void(0);" class="getLoanAndBack" style="width:100px">${customname }</a></td>
  	<td style="text-align:center;width:50px"><s:date name="startdate" format="yyyy-MM-dd"/></td>
  	<td style="text-align:center;width:50px"><s:date name="enddate" format="yyyy-MM-dd"/></td>
  	<td align="right" style="width:70px"><s:text name="f.money"><s:param value="applymoney" /></s:text></td>
  	<td align="right" style="width:70px"><s:text name="f.money"><s:param value="balanceMoney" /></s:text></td>
  	<td style="width:50px">${applytime }${applytimetype }</td>
  	<td style="width:50px">${performrates }</td>
  	<td style="text-align:center;width:50px"><s:date name="giveTime" format="yyyy-MM-dd"/></td>
  	<td style="width:100px">${loanuse }</td>
  	<td style="width:150px">${loanofmode }</td>
  	<td style="width:50px">${isAboutN }</td>
  	<td align="right" style="width:70px"><s:text name="f.money"><s:param value="applyaboutMoney" /></s:text></td>
  	<td align="right" style="width:70px"><s:text name="f.money"><s:param value="balanceaboutMoney" /></s:text></td>
  	<td style="width:50px">${clientType }</td>
  	<td align="right" style="width:70px"><s:text name="f.money"><s:param value="money" /></s:text></td>
  	<td align="right" style="width:70px"><s:text name="f.money"><s:param value="bMoney" /></s:text></td>
  	</tr>
  </s:iterator>
    </tbody>
</table>

<script type="text/javascript">
<!--
	$(document).ready(function(){
		tf.AddPaging(true);
	});
	
	$(".getLoanAndBack").click(function(){
		$thisid = $(this).attr("id");
		$clientName = $(this).parent("td:eq(0)").text();
		OpenDialog(600, 400, "放款和收回详细信息",
			"../report/reportDetail!getLoanAndBackInfor?inforLoanid=" + $thisid);
	});
//-->
</script>
<script type="text/javascript">
<!--

//<![CDATA[	
	var props = {
		sort: true,
		filters_row_index:1,
		remember_grid_values: true,
		alternate_rows: true,
		rows_counter: true,
		rows_counter_text: "显示行数: ",
		btn_reset: true,
		btn_reset_text: "Clear",
		loader: true,
		loader_html: '<img src="<%=request.getContextPath()%>/ext/TableFilter/loader.gif" alt="" ' +
						'style="vertical-align:middle; margin:0 5px 0 5px" />' +
						'<span>Loading...</span>',
		loader_css_class: 'myLoader',
		status_bar: true,
		mark_active_columns: true,
		col_number_format: [null,null,'US','US','US','US','US','US','US'],
		//col_0: "select",
		col_1: "select",
		col_2: "select",
		col_3: "select",
		col_4: "select",
		col_5: "select",
		col_6: "select",
		col_7: "select",
		col_9: "select",
		col_10: "select",
		col_11: "select",
		col_12: "select",
		col_13: "select",
		col_14: "select",
		col_15: "select",
		display_all_text: "显示所有",
		custom_slc_options: {
			cols:[3, 4, 6, 10, 11, 12, 13, 14, 15],
			texts: [
					['0 - 50万','50万 - 100万','100万 - 500万',' 大于 500万 '],
					['0 - 50万','50万 - 100万','100万 - 500万',' 大于 500万 '], 
					['0 - 22.44%','22.44% - 24%','> 24%'], 
					['是', '否'],
					['0 - 50万','50万 - 100万','100万 - 500万',' 大于 500万 '],
					['0 - 50万','50万 - 100万','100万 - 500万',' 大于 500万 '],
					['企业', '个人'],
					['0 - 50万','50万 - 100万','100万 - 500万',' 大于 500万 '],
					['0 - 50万','50万 - 100万','100万 - 500万',' 大于 500万 ']
				],
			values: [
					['>0 && <=500000','>500000 && <=1000000','>1000000 && <=5000000','>5000000'],
					['>0 && <=500000','>500000 && <=1000000','>1000000 && <=5000000','>5000000'],
					['>0 && <=22.44','>22.44 && <=24','>24'],
					['=是','= '],
					['>0 && <=500000','>500000 && <=1000000','>1000000 && <=5000000','>5000000'],
					['>0 && <=500000','>500000 && <=1000000','>1000000 && <=5000000','>5000000'],
					['=企业','=个人'],
					['>0 && <=500000','>500000 && <=1000000','>1000000 && <=5000000','>5000000'],
					['>0 && <=500000','>500000 && <=1000000','>1000000 && <=5000000','>5000000']
				],
			sorts: [false,false,false,false,false,false,false,false]
		},
		//col_width: ["100px", "50px", "50px","70px","70px","50px","50px","50px","100px","150px", "50px", "70px", "70px", "50px", "70px", "70px"],
		
		//Column resize feature
		extensions: { 	
						name:['ColumnsResizer'], 
						src:['TableFilter/TFExt_ColsResizer/TFExt_ColsResizer.js'], 
						description:['Columns Resizing'], 
						initialize:[function(o){o.SetColsResizer();}]
					},
		col_resizer_all_cells: true
	};
	var tf = setFilterGrid("tableDetail",props);
	
//]]>
//-->
</script>
